#ForeLogin{
  :deep(.el-dialog){
    width: 30vw;
    height: 75vh;
    border-radius:10px;
  }
  :deep(.el-dialog__header){
    height: 0 !important;
    padding: 0!important;
  }
  :deep(.el-dialog__body){
    padding: 0;
  }
  .ForeLogin-head{
    height: 8vh;
    background: #fafafc;
    border-radius:10px;
  }
  .ForeLogin-body{
    height: 50vh;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    margin: 0 10px;

    >div:nth-child(1){
      flex: 2;
      display: flex;
      justify-content: space-around;
      align-items: center;

      span{
        font-size: 19px;
        font-weight: bolder;
        color: #999aaa;
        cursor: pointer;
      }
    }
    >div:nth-child(2){
      flex: 8;
      display: flex;
      justify-content: center;
      align-items: center;

      >.el-image {
        height: 70% !important;
        width: 60% !important;
        box-shadow:0 0 5px 5px #ffffff;
      }
    }
    div:nth-child(3){
      flex: 2;
    }
    .ForeLogin-body-2 :deep(.el-input__prefix-inner),
    .ForeLogin-body-3 :deep(.el-input__prefix-inner){
      //background: #f5f6f7;
      color: #222226;
      display: flex;
      align-items: center;
      font-size: 18px;
    }
    .ForeLogin-body-2 :deep(.el-input__suffix),
    .ForeLogin-body-3 :deep(.el-input__suffix){
      //background: #f5f6f7;
      //width: 30px;
      color: #222226;
      display: flex;
      align-items: center;
      font-size: 18px;
    }
    .ForeLogin-body-3 :deep(.el-input__suffix){
      transform: translateX(2vw);
    }
    .ForeLogin-body-2 :deep(.el-input__inner):focus,
    .ForeLogin-body-3 :deep(.el-input__inner):focus{
      border: none;
    }
    .ForeLogin-body-2 :deep(.el-input),
    .ForeLogin-body-3 :deep(.el-input){
      margin: 13px 0;
    }
    .ForeLogin-body-2 :deep(.el-input--prefix .el-input__inner),
    .ForeLogin-body-3 :deep(.el-input--prefix .el-input__inner){
      padding: 0 40px;
      background: #f5f6f7;
      color: #a5a6c5;
      height: 6vh;
      border: none;
    }
    .ForeLogin-body-2 :deep(.el-input--suffix  .el-input__inner),
    .ForeLogin-body-3 :deep(.el-input--suffix  .el-input__inner){
      padding: 0 15px;
      background: #f5f6f7;
      color: #a5a6c5;
      height: 6vh;
      border: none;

    }
    .ForeLogin-body-2 :deep(.el-input__suffix  .el-icon),
    .ForeLogin-body-3 :deep(.el-input__suffix  .el-icon){
      width: 6vw;
      font-size: 16px;
      cursor: pointer;
    }
    .ForeLogin-body-2 :deep(.el-button),
    .ForeLogin-body-3 :deep(.el-button){
      height: 6vh;
      width: 120%;
      background: #4daaff;
      font-size: 18px;
      margin-top: 20px;
    }
    .ForeLogin-footer{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transform: translateY(5vh);

      div{
      }
      >div:nth-child(2) .el-avatar{
        margin: 0 3px;
        transform: translateY(2vh);
      }
      >div:nth-child(3){
        transform: translateY(3vh);
      }
    }
  }

  .active{
    color:#222226 !important;
  }
}

